<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>IDXPO</title>
	<link rel="stylesheet" href="./css/blueprint/screen.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="./css/blueprint/print.css" type="text/css" media="print" />
	<link rel="stylesheet" href="./fancybox/jquery.fancybox-1.3.1.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="./css/nivo-slider.css" type="text/css" media="screen, projection" />

	<!--[if lt IE 8]>
	<link rel="stylesheet" href="css/blueprint/ie.css" type="text/css" media="screen, projection">
	<![endif]-->
	<link rel="stylesheet" href="css/main.css" type="text/css" media="screen, projection" />
	<script src="./js/jquery-1.4.2.min.js" type="text/javascript"></script>
	<script src="./js/jquery.nospam.js" type="text/javascript"></script>
	<script src="./js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
	<script src="./fancybox/jquery.mousewheel-3.0.2.pack.js" type="text/javascript"></script>
	<script src="./fancybox/jquery.fancybox-1.3.1.js" type="text/javascript"></script>
	<script src="./js/main.js" type="text/javascript"></script>
</head>
<body>
<div class="container" style="margin-top: 10px;">
	<div class="prepend-2 span-6 last" style="height: 75px;">
		<a href="."><img src="img/logo.png" style="vertical-align: middle; margin-left: 10px;" alt="IDXPO" /></a>
	</div>

	<div class="prepend-5 span-6 last" style="height: 75px; width:350px;padding-left: 85px;">
	<div class="topmenu_r">
				<img src="img/bg_topmenu_r.png" alt="" />
			</div>
		<div class="topmenu">
			<div class="icon" id="p_info">Information<div class="content">
						<div style="position: relative; top: 370px; left 100px;text-align: center; width: 403px;vertical-align: middle;">
				<a href="http://vasttrafik.se/Att-resa/Reseplaneraren/?from=&amp;to=00004490!-2003932870&amp;resultdirectly=1&amp;showadvanced=" target="_blank"><img src="img/vasttrafik.png" alt="" style="vertical-align: middle;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
				<a href="http://maps.google.com/maps?f=d&amp;source=s_d&amp;saddr=&amp;daddr=57.706912,11.939542&amp;hl=en&amp;geocode=&amp;mra=mi&amp;mrsp=0&amp;sz=19&amp;sll=57.706939,11.939309&amp;sspn=0.001152,0.003484&amp;ie=UTF8&amp;ll=57.707157,11.939279&amp;spn=0.002304,0.006968&amp;t=h&amp;z=18" target="_blank"><img src="img/googlemaps.png" alt="" style="vertical-align: middle;" /></a>
			</div>
			</div></div>

			<div class="icon" id="p_contact">Contact<div class="content">
				<div class="padding">
					<h1>Contact</h1>
					<div style="margin: 30px 0px 0px 50px;line-height: 1.5em;font-size: 14px;">

						<h3>Main Contact Email</h3>
						<p style="margin: 0px 0px 0px 10px;"><a href="#" rel="idxpo10//gmail/com" class="email">email</a></p>
						<br /><br />

						<h3>Johan Sandsjö</h3>
						<p style="margin: 0px 0px 0px 10px;">
						Course Coordinator<br />
						Phone: 070 - 843 29 25<br />
						Email: <a href="#" rel="johan/sandsjo//chalmers/se" class="email">email</a><br />
						</p>
						<br /><br />
						<h3>Ruxandra Teodoru</h3>
						
						<p style="margin: 0px 0px 0px 10px;">
						Student Contact<br />
						Email: <a href="#" rel="ruxandra/teodoru//gmail/com" class="email">email</a>
						</p>
						<br /><br />
						
						

						<h3></h3>
						
					</div>
				</div>
			</div></div>

			<div class="icon" id="p_about" style="margin-right: 0px;">About<div class="content">
			<div class="padding">
			<h1>About</h1>
			<div style="margin: 30px 80px 0px 40px;line-height: 1.5em;font-size: 14px;">
			<p><b>IDXPO</b> is the name of this year’s student exhibition ending the course Interaction Design Project at the <a href="http://www.cs.chalmers.se/idc/ituniv/" target="_blank">Interaction Design master programme</a> at Chalmers.</p>

			<p>Thirteen projects have been put together, combining the physical world, games, and concepts into brand new experiences. Touch, wear, connect, and play, on floors, walls and tables at this four day exhibition at the ground floor of Lindholmen Science Park.</p>

			<p>Welcome to experience IT in a new way.</p>


			</div>
			</div>
			</div></div>
			
			<div style="clear:both"></div>

		</div>
		
	</div>


	<hr class="space" style="height:5px;margin-bottom: 7px;"></hr>
	<div class="middle">
	<!-- left col -->
	<div class="span-2 leftmenu">
		
		<div class="span-2 icon last" id="p_group1">
			<img src="img/groups_new/group1.png" alt="Group1" />
			<div class="content">
				<div class="padding">
					<h1>Vivified Vicinity</h1>
					<div class="leftcol">
						<p>Imagine a world, where furniture and home electronics are not merely objects, but vivified inhabitants of our vicinity. Imagine a world, where your grumpy old sofa complains about your weight gain and the rainy weather, or where your talkative coffee maker is gossiping about both your life and the life of her fellow objects.</p>
					</div>
					<div class="rightcol">
						<a href="img/photos/group1_large.jpg" class="fancybox"><img src="img/photos/group1.jpg" alt="" /></a>
					</div>
					<div class="bottomrow">
						Visit the <a href="http://web.student.chalmers.se/groups/tda501-group1" target="_blank">project website</a> for more info.
					</div>
				
				</div>
			</div>
		</div>

		<div class="span-2 icon last" id="p_group2">
			<img src="img/groups_new/group2.png" alt="Group2" />
			<div class="content">
				<div class="padding">
					<h1>Phonealicious</h1>
					<div class="leftcol">
						<p>The Phonealicious project strives to encourage reflection upon how cellphones are used and how our behaviours and values have changed over time. The project is divided into three parts, each playfully explores a certain concept. <br /><br />The GlovePhone shows the viewer an alternative to how the look, feel and use of cellphones could be. <br /><br />The PhoneBox and the VoiceShirt make the viewer reflect upon the private space we require and expect when talking on the cellphone, and also what public space we are invading with our private conversations.</p>
					</div>
					<div class="rightcol">
						<a href="img/photos/group2_large.jpg" class="fancybox"><img src="img/photos/group2.jpg" alt="" /></a>
					</div>
					<div class="bottomrow">
						Visit the <a href="http://web.student.chalmers.se/groups/tda501-group2" target="_blank">project website</a> for more info.
					</div>
				
				</div>
			</div>
		</div>
		<div class="span-2 icon last" id="p_group3">
			<img src="img/groups_new/group3.png" alt="Group3" />
			<div class="content">
				<div class="padding">
					<h1>Tetris Tower Wars</h1>
					<div class="leftcol">
						<p>A physics based tower building game where players compete to build the highest tower, and try to sabotage the other player's building! The players interact on a large projected screen, using natural motion to manipulate the building pieces. The game requires strategy and planning as well as quick reflexes and fine precision. Build higher, stronger and faster!</p>
					</div>
					<div class="rightcol">
						<a href="img/photos/group3_large.jpg" class="fancybox"><img src="img/photos/group3.jpg" alt="" /></a>
					</div>
					<div class="bottomrow">
						Visit the <a href="http://m.spanggard.se:8080/ttw/" target="_blank">project website</a> for more info.
					</div>
				
				</div>
			</div>
		</div>
		<div class="span-2 icon last" id="p_group4">
			<img src="img/groups_new/group4.png" alt="Group4" />
			<div class="content">
				<div class="padding">
					<h1>Ice Breaker</h1>
					<div class="leftcol">
						<p>There is an art to conversation. An art that comes natural to some, completely baffles others and is something that most of us could get better at. The aim of the Icebreaker is to use technology as a catalyst for maintaining a casual conversation or to move the conversation past everyday pleasantries. The Icebreaker ubiquitously displays common interests shared by the people involved in a social interaction. By doing this the Icebreaker can evolve the interaction from a casual chat to an interesting and rewarding conversation.</p>
					</div>
					<div class="rightcol">
						<img src="img/photos/group4.jpg" alt="" />
					</div>
					<div class="bottomrow">
						Visit the <a href="http://web.student.chalmers.se/groups/tda501-group4" target="_blank">project website</a> for more info.
					</div>
				</div>
			</div>
		</div>
		<div class="span-2 icon" id="p_group5">
				<img src="img/groups_new/group5.png" alt="Group5" />
				<div class="content">
					<div class="padding">
						<h1>Bring Your Own Controller</h1>
						<div class="leftcol">
							<p>Bring Your Own Controller is an attempt to introduce a new form of social multiplayer gaming into the public space. BYOC acts as a platform that connects a wide range of controllers with special made video games that can be played by 1 to 20+ people on a shared screen.<br />
Ultimately a wide range of games could be played on the BYOC platform, for this project one concept game has been developed: Tug. It is a co-operative platformer where players try to solve puzzles by using their tug rope to manipulate the game's physics. </p>
						</div>
						<div class="rightcol">
							<img src="img/photos/group5.jpg" alt="" />
						</div>
						<div class="bottomrow">
							Visit the <a href="http://byoc.se" target="_blank">project website</a> for more info.
						</div>
					</div>
				</div>
			</div>
			<div class="span-2 icon" id="p_group6">
				<img src="img/groups_new/group6.png" alt="Group6" />
				<div class="content">
					<div class="padding">
						<h1>Drawesome</h1>
						<div class="leftcol">
							<p>We wanted to create a video game and an input that was specialized for that game. We wanted the input to be something that hadn't been seen in games before. What we got was Drawesome. Drawesome is a game played by two or more players. The players control the game by drawing. They draw the units they want to create and let them fight the fierce battle of conquering the enemies base</p>
						</div>
						<div class="rightcol">
							<a href="img/photos/group6_large.jpg" class="fancybox"><img src="img/photos/group6.jpg" alt="" /></a>
						</div>
						<div class="bottomrow">
							Visit the <a href="http://web.student.chalmers.se/groups/tda501-group6" target="_blank">project website</a> for more info.
						</div>
					</div>
				</div>
			</div>
			<div class="span-2 icon" id="p_group7">
				<img src="img/groups_new/group7.png" alt="Group7" />
				<div class="content">
					<div class="padding">
						<h1>Alien Invasion</h1>
						<div class="leftcol">
							<p>Alien Invasion is an exercising game to shoot the wicked aliens in the merges of the physical and virtual world. You will simulate a space police who regularly patrol the space in order to fight off the wicked aliens in a limited time, but to avoid harm to the kindhearted aliens. The wicked aliens are not easy that they are floating fast and going to attack you. You have to follow the certain circles lighting on the ground to move in order to shoot the wicked aliens, avoid the attack from them and avoid obstacles in collision hanging on the ceiling. The game is not as easy as you think. We called it an exercising game, which means there are many exercises and adventures waiting for you. Can you maintain peace in the universe? We will seeeeee...</p>
						</div>
						<div class="rightcol">
							<img src="img/photos/group7.jpg" alt="" />
						</div>
						<div class="bottomrow">
							Visit the <a href="http://web.student.chalmers.se/groups/tda501-group7" target="_blank">project website</a> for more info.
						</div>
					</div>
				</div>
			</div>
		
	</div>
	
	<!-- center col -->
	<div class="span-17">

		<!-- middle row -->
		<div class="span-17 last landing" id="stage">
		
		</div>
		<div class="span-17 last landing" id="stage_bottom">
		
		</div>



		<!-- bottom row -->
		<div class="span-17">
			
			
		</div>
	</div>

	<!-- right col -->
	<div class="span-2 last">
		<div class="span-2 icon last" id="p_group8">
			<img src="img/groups_new/group8.png" alt="Group8" />
			<div class="content">
			<div class="padding">
					<h1>VisibEL</h1>
					<div class="leftcol">
						<p>Imagine you were energy minister of Sweden. What energy sources would you invest in? Could you balance the cost and energy needs of cities and factories? VisibEL puts you in that situation! VisibEL is an educational, tangible game that models the electricity production in Sweden. You gain energy by attaching (building) phicons of hydro, coal or nuclear power plants on the desired locations on the map. You gain money by attaching (building) factory phicons. Your objective is to get enough power to light your cities up and by doing that learn about how electricity is produced and distributed.</p>
					</div>
					<div class="rightcol">
						<a href="img/photos/group8_large.gif" class="fancybox"><img src="img/photos/group8.jpg" alt="" /></a>
					</div>
					<div class="bottomrow">
						Visit the <a href="http://sites.google.com/site/invisibleproject42/" target="_blank">project website</a> for more info.
					</div>
				</div>
			</div>
		</div>
		<div class="span-2 icon last" id="p_group9">
			<img src="img/groups_new/group9.png" alt="Group9" />
			<div class="content">
				<div class="padding">
					<h1>Interactive Shelf</h1>
					<div class="leftcol">
						<p>The project is about an interactive shelf which can guide kids to clean their rooms after playing. After all the toys are returned correctly, the shelf will enable one screen (somewhere) to play cartoon movie (or something else) as reward to kids which will teach and encourage the kids to clean the rooms and manage their toys. The shelf will be interactive for both kids and adults to know the situations of all the toys (returned correctly or not). If there is one toy is placed wrong, the kids will be informed to try again. We expert that the shelf we product will be the tool for kids to know and learn some family responds to help and easy their parents' family life.</p>
					</div>
					<div class="rightcol">
						<img src="img/photos/group9.jpg" alt="" />
					</div>
					<div class="bottomrow">
						Visit the <a href="http://sites.google.com/site/idxpo9/" target="_blank">project website</a> for more info.
					</div>
				</div>
			</div>
		</div>
		<div class="span-2 icon last" id="p_group10">
			<img src="img/groups_new/group10.png" alt="Group10" />
			<div class="content">
				<div class="padding">
					<h1>Dance: Totem!</h1>
					<div class="leftcol">
						<p>Totem: Dance! takes dancing out of the clubs and into a public space.<br /><br /> We move the elements of a dance floor out into the open, how will people react? Will this encourage dance or will it be ignored?</p>
					</div>
					<div class="rightcol">
						<img src="img/photos/group10.jpg" alt="" />
					</div>
					<div class="bottomrow">
						Visit the <a href="http://web.student.chalmers.se/groups/tda501-group10" target="_blank">project website</a> for more info.
					</div>
				</div>
			</div>
		</div>
		<div class="span-2 icon last" id="p_group11">
			<img src="img/groups_new/group11.png" alt="Group11" />
			<div class="content">
				<div class="padding">
					<h1>Body Blob</h1>
					<div class="leftcol">
						<p>Body Blob is Twister taken to another level. We propose making play more physical. In order to do this we will increase the interaction space and track a player's full body movement. Body Blob will support multiplayer interaction.</p>
					</div>
					<div class="rightcol">
						<a href="img/photos/group11_large.jpg" class="fancybox"><img src="img/photos/group11.jpg" alt="" /></a>
					</div>
					<div class="bottomrow">
						Visit the <a href="http://web.student.chalmers.se/groups/tda501-group11" target="_blank">project website</a> for more info.
					</div>
				</div>
			</div>
		</div>
		<div class="span-2 icon last" id="p_group12">
			<img src="img/groups_new/group12.png" alt="Group12" />
			<div class="content">
				<div class="padding">
					<h1>Surface Sublimation</h1>
					<div class="leftcol">
						<p>Sublimation is a tower defense video game on Microsoft Surface. The game uses the Surface tactile technology to enhance the players' game experience. They can upgrade different parts of the towers and need to rotate them like a DJ to have the right weapons in the right directions, to struggle against waves of enemies that keep on attacking the towers. The game also takes advantage of physical object detection since the HUD will be a transparent plate of plastic that will become interactive when placed on the table allowing players to configure and build towers.</p>
					</div>
					<div class="rightcol">
						<img src="img/photos/group12.jpg" alt="" />
					</div>
					<div class="bottomrow">
						Visit the <a href="http://web.student.chalmers.se/groups/tda501-group12/website/" target="_blank">project website</a> for more info.
					</div>
				</div>
			</div>
		</div>
		<div class="span-2 icon last" id="p_group13">
			<img src="img/groups_new/group13.png" alt="Group13"/>
			<div class="content">
				<div class="padding">
					<h1>In search of Dr. Him.</h1>
					<div class="leftcol">
						<p>A two player co-operative game where your goal is to beat adventurous puzzles and avoid dangers while progressing through different levels. The game emphasizes co-operation, and real-life communication between the players is essential. The levels are designed in a way so that both players will have to be in sync and active during the entire level. To make the levels more challenging different tools used to solve the puzzles of the levels will be used in combination between the players or the levels can not be completed. All the graphics is hand made and scanned in to give the game a more characteristic feeling.</p>
					</div>
					<div class="rightcol">
						<img src="img/photos/group13.jpg" alt="" />
					</div>
					<div class="bottomrow">
						Visit the <a href="http://web.student.chalmers.se/groups/tda501-group13" target="_blank">project website</a> for more info.
					</div>
				</div>
			</div>
		</div>
		
	</div>
	</div>

	<div class="prepend-11 span-6 last" style="padding-left: 442px;">
	<div class="footer">
	<a href="http://www.chalmers.se/" target="_blank"><img src="img/logo-chalmers.png" alt="" style="margin-right: 10px;" /></a>
	<a href="http://www.ituniv.se/" target="_blank"><img src="img/logo-itu_smaller.png" alt="" style="margin-right: 10px;" /></a>
	<a href="http://www.lindholmen.se/" target="_blank"><img src="img/logo-lindholmen_smaller.png" alt="" /></a>
	</div>

	</div>

</div>


<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-15997905-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
